<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
   
    <h1>我是一个页面</h1>
    <script>
        // 基本流程：前端(浏览器)发送请求 => 服务器接受并解析请求 => 服务器响应请求 => 浏览器接收并解析返回的内容
        // 协议：HTTP协议(HyperText Transfer Protocol)  
        // HTTP协议的作用就是规定了前端如何发送请求 后端如何接收 后端如何响应请求 前端如何接收请求
        // http请求：分为 首行、 头、 正(报)文 三部分 
        // 首行：只存储了两个内容 1 URL  2 Method
        // 头：存储了一些字段 每一个字段都有不同的作用 
        // 正文：真正要传递的内容

        // request：请求
        // Header	                    解释	示例
        // Accept	                    指定客户端能够接收的内容类型	Accept: text / plain, text / html
        // Accept - Charset	            浏览器可以接受的字符编码集	Accept - Charset: iso - 8859 - 5
        // Accept - Encoding            指定浏览器可以支持的web服务器返回内容压缩编码类型	Accept - Encoding: compress, gzip
        // Accept - Language            浏览器可接受的语言	Accept - Language: en, zh, zh - cn
        // Accept - Ranges	            可以请求网页实体的一个或者多个子范围字段	Accept - Ranges: bytes
        // Authorization	            HTTP授权的授权证书	Authorization: Basic QWxhZGRpbjpvcGVuIHNlc2FtZQ ==
        // Cache - Control	            指定请求和响应遵循的缓存机制	Cache - Control: no - cache
        // Connection	                表示是否需要持久连接（HTTP 1.1默认进行持久连接）	Connection: close / keep - alive
        // Cookie	                    HTTP请求发送时，会把保存在该请求域名下的所有cookie值一起发送给web服务器	Cookie: Version = 1; Skin = new;
        // Content - Length	            请求的内容长度	Content - Length: 348
        // Content - Type	            请求的与实体对应的MIME信息	Content - Type: application / x - www - form - urlencoded
        // Date	                        请求发送的日期和时间	Date: Tue, 15 Nov 2010 08: 12: 31 GMT
        // Expect	                    请求的特定的服务器行为	Expect: 100 -continue
        // From	                        发出请求的用户的Email	From: user @email.com
        // Host	                        指定请求的服务器的域名和端口号	Host: www.sunchis.com: 8080
        // If - Match	                只有请求内容与实体相匹配才有效	If - Match: "737060cd8c284d8af7ad3082f209582d"
        // If - Modified - Since	    如果请求的部分在指定时间之后被修改则请求成功，未被修改则返回304代码	If - Modified - Since: Sat, 29 Oct 2010 19: 43: 31 GMT
        // If - None - Match	        如果内容未改变返回304代码，参数为服务器先前发送的Etag，与服务器回应的Etag比较判断是否改变	If - None - Match: "737060cd8c284d8af7ad3082f209582d"
        // If - Range	                如果实体未改变，服务器发送客户端丢失的部分，否则发送整个实体。参数也为Etag	If - Range: "737060cd8c284d8af7ad3082f209582d"
        // If - Unmodified - Since	    只在实体在指定时间之后未被修改才请求成功	If - Unmodified - Since: Sat, 29 Oct 2010 19: 43: 31 GMT
        // Max - Forwards	            限制信息通过代理和网关传送的时间	Max - Forwards: 10
        // Pragma	                    用来包含实现特定的指令	Pragma: no - cache
        // Proxy - Authorization	    连接到代理的授权证书	Proxy - Authorization: Basic QWxhZGRpbjpvcGVuIHNlc2FtZQ ==
        // Range	                    只请求实体的一部分，指定范围	Range: bytes = 500 - 999
        // Referer	                    先前网页的地址，当前请求网页紧随其后, 即来路	Referer: http://www.sunchis.com/index.html
        // TE	                        客户端愿意接受的传输编码，并通知服务器接受接受尾加头信息	TE: trailers, deflate; q = 0.5
        // Upgrade	                    向服务器指定某种传输协议以便服务器进行转换（如果支持）	Upgrade: HTTP / 2.0, SHTTP / 1.3, IRC / 6.9, RTA / x11
        // User - Agent	                客户端类型，User - Agent的内容包含发出请求的用户信息	Mozilla / 5.0(Windows; U; Windows NT 5.1; zh - CN; rv: 1.9.2.16) Gecko / 20110319 Firefox / 3.6.16
        // Via	                        通知中间网关或代理服务器地址，通信协议	Via: 1.0 fred, 1.1 nowhere.com(Apache / 1.1)
        // Warning




        // response：响应
        // Accept-Ranges	表明服务器是否支持指定范围请求及哪种类型的分段请求	Accept-Ranges: bytes
        // Age	从原始服务器到代理缓存形成的估算时间（以秒计，非负）	Age: 12
        // Allow	对某网络资源的有效的请求行为，不允许则返回405	Allow: GET, HEAD
        // Cache-Control	告诉所有的缓存机制是否可以缓存及哪种类型	Cache-Control: no-cache
        // Content-Encoding	web服务器支持的返回内容压缩编码类型	Content-Encoding: gzip
        // Content-Language	响应体的语言	Content-Language: zh-cn
        // Content-Length	响应体的长度	Content-Length: 5120
        // Content-Location	请求资源可替代的备用的另一地址	Content-Location: /index.htm
        // Content-MD5	返回资源的MD5校验值	Content-MD5: Q2hlY2sgSW50ZWdyaXR5IQ==
        // Content-Range	在整个返回体中本部分的字节位置	Content-Range: bytes 21010-47021/47022
        // Content-Type	返回内容的MIME类型	Content-Type: text/html; charset=utf-8
        // Content-Disposition	指示浏览器如何显示附加的文件	Content-Disposition: inline;filename=file.xls
        // Date	原始服务器消息发出的时间	Date: Tue, 15 Nov 2010 08:12:31 GMT
        // ETag	请求变量的实体标签的当前值	ETag: "737060cd8c284d8af7ad3082f209582d"
        // Expires	响应过期的日期和时间	Expires: Thu, 01 Dec 2010 16:00:00 GMT
        // Last-Modified	请求资源的最后修改时间	Last-Modified: Tue, 15 Nov 2010 12:45:26 GMT
        // Location	用来重定向接收方到非请求URL的位置来完成请求或标识新的资源	Location: http://www.sunchis.com/index.html
        // Pragma	包括实现特定的指令，它可应用到响应链上的任何接收方	Pragma: no-cache
        // Proxy-Authenticate	它指出认证方案和可应用到代理的该URL上的参数	Proxy-Authenticate: Basic
        // refresh	应用于重定向或一个新的资源被创造，在5秒之后重定向（由网景提出，被大部分浏览器支持）	Refresh: 5; url=http://www.sunchis.com/index.html
        // Retry-After	如果实体暂时不可取，通知客户端在指定时间之后再次尝试	Retry-After: 120
        // Server	web服务器软件名称	Server: Apache-Coyote/1.1
        // Set-Cookie	设置Http Cookie	Set-Cookie: UserID=JohnDoe; Max-Age=3600; Version=1
        // Trailer	指出头域在分块传输编码的尾部存在	Trailer: Max-Forwards
        // Transfer-Encoding	文件传输编码	Transfer-Encoding:chunked
        // Vary	告诉下游代理是使用缓存响应还是从原始服务器请求	Vary: *
        // Via	告知代理客户端响应是通过哪里发送的	Via: 1.0 fred, 1.1 nowhere.com (Apache/1.1)
        // Warning	警告实体可能存在的问题	Warning: 199 Miscellaneous warning
        // WWW-Authenticate	表明客户端请求实体应该使用的授权方案	WWW-Authenticate: Basic




        // HTTP请求类型 也叫做请求方式
        // 根据发送HTTP请求的目的，比如，发送这一次请求是要从服务器上获取内容呢？还是往服务器上提交内容呢？
        // 于是就添加了请求类型字段： method 
        // 具体的请求类型一共有：GET、POST、PUT、DELETE、TRACE、OPTIONS、CONNECT、HEAD
        // GET：获取服务器上的内容（获取）
        // POST：提交内容给服务器(提交)
        // PUT：提交内容代替服务器上的内容(修改)
        // DELETE：提交请求删除服务器上的内容(删除)
        // TRACE: 测试
        // OPTIONS：预检
        // CONNECT：修改连接方式
        // HEAD：与GET类似，但是没有响应正文 只有响应头


        // 主要依然是GET和POST
        // GET和POST的区别：
        // 1 GET请求没有请求正文 POST请求具备请求正文
        // 2 GET请求如果要带数据 必须带在URL上 POST请求就可以带在URL上也行 请求正文也行
        // 3 GET请求携带的数据量少 因为受地址栏的长度的限制 POST不受限制
        // 4 GET请求携带的数据会显示在URL中 POST请求不会显示在URL中
        // 5 GET请求的触发方式多 
            // 地址栏发送的请求是GET请求
            // script标签src请求 
            // img标签src请求
            // a标签
            // video
            // audio
            // link
            // 表单
            // ...
        //   POST请求的触发方式少： 表单、ajax
    </script>
    <script src="a.js"></script>
</body>

</html>